<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="commonheader">

    <!--common-->
    <link href="css/style.css" th:href="@{/css/style.css}" rel="stylesheet">
    <link href="css/style-responsive.css" th:href="@{/css/style-responsive.css}" rel="stylesheet">




    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"th:src="@{/js/html5shiv.js}"></script>
    <script src="js/respond.min.js" th:src="@{/js/respond.min.js}"></script>
    <![endif]-->
</head>
<body>

<!-- left side start-->
<div id="leftmenu" class="left-side sticky-left-side">

    <!--logo and iconic logo start-->
    <div class="logo">
        <a th:href="@{/main.html}" >疫情信息系统</a>
    </div>


    <!--logo and iconic logo end-->


    <div class="left-side-inner">

        <!-- visible to small devices only -->
        <div class="visible-xs hidden-sm hidden-md hidden-lg">
            <div class="media logged-user">
                <img alt="" src="images/photos/user1.png" class="media-object">
                <div class="media-body">
                    <h4><a th:href="@{/medic_zhang}">张林伟</a></h4>
                    <span>"扶伤救死弘人道，济世匡民暖杏林。"</span>
                </div>
            </div>

            <h5 class="left-nav-title" th:text="#{common.58user_information}">用户信息</h5>
            <ul class="nav nav-pills nav-stacked custom-nav ">
                <li><a href="#"><i class="fa fa-user"th:href="@{/main.html(l='zh_CN')}"></i> <span>[[#{common.china}]]</span></a></li>
                <li><a href="#"><i class="fa fa-cog" th:href="@{/main.html(l='en_US')}"></i> <span>[[#{common.english}]]</span></a></li>
                <li><a th:href="@{login}"><i class="fa fa-sign-out"></i> <span>[[#{common.57}]]</span></a></li>
            </ul>
        </div>

        <!--sidebar nav start-->
        <ul class="nav nav-pills nav-stacked custom-nav">
            <li><a class="active" th:href="@{/main.html}"><i class="fa fa-home "></i> <span>[[#{common.38}]]</span></a></li>

            <li><a th:href="@{/typography}"><i class="fa fa-bullhorn"></i> <span>[[#{common.39}]]</span></a></li>

            <li><a th:href="@{/direct}"><i class="fa fa-plus-square"></i> <span>[[#{common.40}]]</span></a></li>

            <li><a th:href="@{/calendar}"><i class="fa fa-tag"></i> <span>[[#{common.41}]]</span></a></li>
            <li><a th:href="@{/blog}"><i class="fa fa-comment"></i> <span>[[#{common.42}]]</span></a></li>

            <li ><a th:href="@{/mail}"><i class="fa fa-envelope"></i> <span>[[#{common.43}]]</span></a></li>
            <li class="menu-list" ><a href=""><i class="fa fa-stethoscope"></i> <span>[[#{common.44}]]</span></a>
                <ul class="sub-menu-list">
                    <li><a th:href="@{/form_layouts}">[[#{common.45}]]</a></li>
                    <li><a th:href="@{/detection}">[[#{common.46}]]</a></li>
                    <li><a th:href="@{/sick}">[[#{common.47}]]</a></li>
                    <li><a th:href="@{/doctor}">[[#{common.48}]]</a></li>
                </ul>
            </li>
            <li class="menu-list" ><a href=""><i class="fa fa-truck"></i> <span>[[#{common.49}]]</span></a>
                <ul class="sub-menu-list">
                    <li><a th:href="@{/employee}">[[#{common.50}]]</a></li>
                    <li><a th:href="@{/account}">[[#{common.51}]]</a></li>
                </ul>
            </li>

            <li class="menu-list " ><a href="#"><i class="fa fa-th-list "></i> <span>[[#{common.52}]]</span></a>
                <ul class="sub-menu-list">
                    <li><a th:href="@{/out_table}"> [[#{common.53}]]</a></li>
                    <li ><a th:href="@{/dynamic_table}">[[#{common.54}]]</a></li>
                    <li><a th:href="@{/responsive_table}"> [[#{common.55}]]</a></li>
                    <li><a th:href="@{/editable_table}"> [[#{common.56}]]</a></li>
                </ul>
            </li>



            <li><a th:href="@{/login}"><i class="fa fa-sign-in"></i> <span>[[#{common.57}]]</span></a></li>

        </ul>
        <!--sidebar nav end-->

    </div>
</div>
<!-- left side end-->

<!-- header section start-->
<div id="headermenu" class="header-section">

    <!--toggle button start-->
    <a class="toggle-btn"><i class="fa fa-bars"></i></a>
    <!--toggle button end-->

    <!--search start-->

    <!--search end-->

    <!--notification menu start -->
    <div class="menu-right">
        <ul class="notification-menu">
            <li>
                <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                    <i class="fa fa-tasks"></i>
                    <span class="badge">5</span>
                </a>
                <div class="dropdown-menu dropdown-menu-head pull-right">
                    <h5 class="title">[[#{common.60}]]</h5>
                    <ul class="dropdown-list user-list">
                        <li class="new">
                            <a th:href="@{/editable_table}">
                                <div class="task-info">
                                    <div>[[#{common.59}]]</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
                                        <span class="">40%</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="new">
                            <a th:href="@{/responsive_table}">
                                <div class="task-info">
                                    <div>[[#{common.61}]]</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="progress-bar progress-bar-success">
                                        <span class="">90%</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a th:href="@{/responsive_table}">
                                <div class="task-info">
                                    <div>[[#{common.62}]]</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-info">
                                        <span class="">66% </span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a th:href="@{/out_table}">
                                <div class="task-info">
                                    <div>[[#{common.63}]]</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="33" role="progressbar" class="progress-bar progress-bar-danger">
                                        <span class="">33% </span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a th:href="@{/employee}">
                                <div class="task-info">
                                    <div>[[#{common.64}]]</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar">
                                        <span class="">80% </span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="new"><a th:href="@{/employee}">[[#{common.65}]]</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                    <i class="fa fa-envelope-o"></i>
                    <span class="badge">4</span>
                </a>
                <div class="dropdown-menu dropdown-menu-head pull-right">
                    <h5 class="title">[[#{common.66}]]</h5>
                    <ul class="dropdown-list normal-list">
                        <li class="new">
                            <a href=""th:href="@{/mailTalk}">
                                <span class="thumb"><img src="images/photos/user2.png" alt="" /></span>
                                <span class="desc">
                                          <span class="name">林主任 <span class="badge badge-success">new</span></span>
                                          <span class="msg">好的。</span>
                                        </span>
                            </a>
                        </li>
                        <li>
                            <a href="" th:href="@{/mailTalk1}">
                                <span class="thumb"><img src="images/photos/user3.png" alt="" /></span>
                                <span class="desc">
                                          <span class="name">刘副主任<span class="badge badge-success">new</span></span>
                                          <span class="msg">不急，你先忙。</span>
                                        </span>
                            </a>
                        </li>
                        <li>
                            <a href="" th:href="@{/mailTalk2}">
                                <span class="thumb"><img src="images/photos/user4.png" alt="" /></span>
                                <span class="desc">
                                          <span class="name">李副主任</span>
                                          <span class="msg">我在重病科室等你吧。</span>
                                        </span>
                            </a>
                        </li>
                        <li>
                            <a href="" th:href="@{/mailTalk3}">
                                <span class="thumb"><img src="images/photos/user5.png" alt="" /></span>
                                <span class="desc">
                                          <span class="name">姜主任<span class="badge badge-success">new</span></span>
                                          <span class="msg">没事。</span>
                                        </span>
                            </a>
                        </li>

                        <li class="new"><a  th:href="@{/mail}">[[#{common.65}]]</a></li>
                    </ul>
                </div>
            </li>

            <li>
                <a th:href="@{/medic_zhang}" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <img src="images/photos/user1.png" alt="" />
                    张林伟
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                    <li><a th:href="@{/medic_zhang}" ><i class="fa fa-user"></i> [[#{common.58user_information}]]</a></li>
                    <li><a th:href="@{/main.html(l='zh_CN')}"><i class="fa fa-user" ></i> [[#{common.china}]]</a></li>
                    <li><a th:href="@{/main.html(l='en_US')}"><i class="fa fa-user" ></i> [[#{common.english}]]</a></li>
                    <li><a th:href="@{/login}"><i class="fa fa-sign-out"></i> [[#{common.57}]]</a></li>
                </ul>
            </li>

        </ul>
    </div>
    <!--notification menu end -->

</div>
<!-- header section end-->

<!--医生信息-->
<div id="medic" class="row">
    <div class="col-md-12">
        <div class="panel">
            <header class="panel-heading">
                [[#{common.132}]]
                <span class="tools pull-right">
                                        <a class="fa fa-chevron-down" href="javascript:;"></a>
                                        <a class="fa fa-times" href="javascript:;"></a>
                                     </span>
            </header>
            <div class="panel-body">
                <ul class="activity-list">
                    <li>
                        <div class="avatar">
                            <img src="images/photos/user1.png" alt=""/>
                        </div>
                        <div class="activity-desk">
                            <h5><a href="#" th:href="@{/medic_zhang}">张林伟</a> <span>[[#{common.136}]]</span></h5>
                            <p class="text-muted">[[#{common.137}]]</p>
                            <div class="album">
                                <a href="#">
                                    <img alt="" src="images/gallery/image8.jpg">
                                </a>
                                <a href="#">
                                    <img alt="" src="images/gallery/image9.jpg">
                                </a>
                                <a href="#">
                                    <img alt="" src="images/gallery/image10.jpg">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="avatar">
                            <img src="images/photos/user2.png" alt=""/>
                        </div>
                        <div class="activity-desk">
                            <h5><a th:href="@{/medic_lin}">林青山</a> <span>[[#{common.138}]]</span></h5>
                            <p class="text-muted">[[#{common.139}]]</p>
                            <div class="location-map">
                                <div id="map-canvas"></div>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="avatar">
                            <img src="images/photos/user3.png" alt=""/>
                        </div>
                        <div class="activity-desk">

                            <h5><a th:href="@{/medic_liu}">刘向东</a> <span>[[#{common.140}]]</span>
                                <a th:href="@{/medic_jiang}">姜付</a> <span>[[#{common.141}]]</span></h5>
                            <p class="text-muted">[[#{common.142}]]</p>
                        </div>
                    </li>

                    <li>
                        <div class="avatar">
                            <img src="images/photos/user4.png" alt=""/>
                        </div>
                        <div class="activity-desk">

                            <h5><a th:href="@{/medic_li}">李林</a> <span>[[#{common.143}]]</span></h5>
                            <p class="text-muted">[[#{common.144}]]</p>
                        </div>
                    </li>

                    <li>
                        <div class="avatar">
                            <img src="images/photos/user5.png" alt=""/>
                        </div>
                        <div class="activity-desk">

                            <h5><a th:href="@{/medic_jiang}">姜付</a> <span>[[#{common.145}]]</span></h5>
                            <p class="text-muted">[[#{common.146}]]</p>
                        </div>
                    </li>


                </ul>
            </div>
        </div>
    </div>
</div>

<!--邮箱-->
<aside id="mail" class="mail-nav mail-nav-bg-color" >
    <header class="header"> <h4>[[#{common.147}]]</h4> </header>
    <div class="mail-nav-body" style="height: 600px">
        <div class="text-center">
            <a class="btn btn-compose" th:href="@{/mail_compose}">
                [[#{common.148}]]
            </a>
        </div>
        <ul class="nav nav-pills nav-stacked mail-navigation">
            <li class="active"><a th:href="@{/mail}"> <i class="fa fa-inbox"></i> [[#{common.149}]] <span class="label label-danger pull-right inbox-notification">1</span></a></li>
            <li><a th:href="@{/mail_compose}"> <i class="fa fa-envelope-o"></i> [[#{common.150}]]</a></li>
            <li><a th:href="@{/mail_compose1}"> <i class="fa fa-file-text-o"></i> [[#{common.151}]] <span class="label label-info pull-right inbox-notification">1</span></a></li>
            <li><a th:href="@{/mail_trash}"> <i class="fa fa-trash-o"></i> [[#{common.152}]]</a></li>
        </ul>

        <ul class="nav nav-pills nav-stacked labels-info ">
            <li> <h5>[[#{common.153}]]</h5> </li>
            <li> <a th:href="@{/mailTalk}"> <i class="fa fa-comments text-success"></i> 林主任 <p>好的。</p></a>  </li>
            <li> <a th:href="@{/mailTalk1}"> <i class="fa fa-comments text-danger"></i> 刘副主任 <p>不急，你先忙。</p></a> </li>
            <li> <a th:href="@{/mailTalk2}"> <i class="fa fa-comments text-muted "></i>  李副主任 <p>我在重病科室等你吧。</p></a></li>
            <li> <a th:href="@{/mailTalk3}"> <i class="fa fa-comments text-muted "></i> 姜主任 <p>没事。</p></a>  </li>
        </ul>
    </div>
    <footer class="text-center">
        <div class="btn-group">
            <a href="javascript:;" class="btn mini btn-default">
                <i class="fa fa-power-off"></i>
            </a>
        </div>
        <div class="btn-group">
            <a href="javascript:;" class="btn mini btn-default">
                <i class="fa fa-cog"></i>
            </a>
        </div>
    </footer>
</aside>

<!--新闻-->
<div id="new" class="col-md-4">
    <div class="row">
        <div class="col-md-12">
            <section class="panel">
                <header class="panel-heading">
                    [[#{common.154}]] <span class="text-muted">Lists</span>
                    <span class="tools pull-right">
                                    <a class="fa fa-chevron-down" href="javascript:;"></a>

                                    <a class="fa fa-times" href="javascript:;"></a>
                                 </span>
                </header>
                <div class="panel-body">
                    <ul>
                        <li>
                            <a th:href="@{/typography5_4}">5月4日上海通报新冠肺炎防控情况</a>
                        </li>
                        <li>
                            <a th:href="@{/typography5_3}">5月3日上海通报新冠肺炎防控情况</a>
                        </li>
                        <li>
                            <a th:href="@{/typography5_2}">5月2日上海通报新冠肺炎防控情况</a>
                        </li>
                        <li>
                            <a th:href="@{/typography5_1}">5月1日上海通报新冠肺炎防控情况</a>
                        </li>
                        <li>
                            <a th:href="@{/typography4_30}">4月30日上海通报新冠肺炎防控情况</a>
                        </li>
                        <li>
                            <a th:href="@{/typography4_29}">4月29日上海通报新冠肺炎防控情况</a>

                        </li>

                        <li>
                            <a th:href="@{/typography4_28}">4月28日上海通报新冠肺炎防控情况</a>
                        </li>
                        <li>
                            <a th:href="@{/typography4_27}">4月27日上海通报新冠肺炎防控情况</a>
                        </li>
                    </ul>
                </div>
            </section>

        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <section class="panel">
                <header class="panel-heading">
                    [[#{common.248}]] <span class="text-muted">tip</span>
                    <span class="tools pull-right">
                            <a class="fa fa-chevron-down" href="javascript:;"></a>

                            <a class="fa fa-times" href="javascript:;"></a>
                         </span>
                </header>
                <div class="panel-body">
                    <ol>
                        <li>
                            尽量减少外出活动，外出佩戴口罩。
                        </li>
                        <li>
                            主动做好健康监测，自觉发热时主动测量体温。若出现可疑症状，应主动戴上口罩及时就近就医。
                        </li>
                        <li>
                            办公场所要注意加强通风清洁，配备洗手液、消毒剂等防护用品。食堂也是人群密集的场所，建议错峰吃饭，减少聚集。
                        </li>
                        <li>
                            注意营养，适度运动。
                        </li>
                        <li>
                            出行前若无可疑症状，可正常出行。若出现可疑症状，建议居家休息和就地就医，待症状消失后再启程。
                        </li>

                    </ol>
                </div>

            </section>
            <section class="panel">
                <div class="carousel slide auto panel-body" id="c-slide">
                    <ol class="carousel-indicators out">
                        <li data-target="#c-slide" data-slide-to="0" class="active"></li>
                        <li data-target="#c-slide" data-slide-to="1" class=""></li>
                        <li data-target="#c-slide" data-slide-to="2" class=""></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item text-center active">
                            <p>浦东新区社区电话: 021-68767121</p>
                            <p>徐汇区社区电话: 021-64737799</p>
                            <p>普陀区社区电话: 021-62573789-0</p>
                            <p>虹口区社区电话: 021-65853300</p>
                            <p>宝山区社区电话:	021-56122006</p>
                            <p>嘉定区社区电话: 021-69016000</p>
                        </div>
                        <div class="item text-center">
                            <p>松江区社区电话: 021-57786257</p>
                            <p>奉贤区社区电话: 021-68737799</p>
                            <p>黄浦区社区电话: 021-53832593</p>
                            <p>崇明县社区电话: 021-59650157</p>
                            <p>静安区社区电话:	021-54036120</p>
                            <p>长宁区社区电话: 021-62941011</p>
                        </div>
                        <div class="item text-center">
                            <p>闸北区社区电话: 021-54036120</p>
                            <p>杨浦区社区电话: 021-65207539</p>
                            <p>青浦区社区电话: 021-59751231</p>
                            <p>闵行区社区电话: 021-34909876</p>
                            <p>宝山区社区电话:	021-56122006</p>
                            <p>金山区社区电话: 021-34302140</p>
                        </div>
                    </div>
                    <a class="left carousel-control" href="#c-slide" data-slide="prev">
                        <i class="fa fa-angle-left"></i>
                    </a>
                    <a class="right carousel-control" href="#c-slide" data-slide="next">
                        <i class="fa fa-angle-right"></i>
                    </a>
                </div>
            </section>-
        </div>
    </div>




</div>

<!--blog-->
<div id="blog" class="col-md-4">
    <div class="panel">
        <div class="panel-body">
            <input type="text" th:placeholder="#{common.247}" class="form-control blog-search">
        </div>
    </div>
    <div class="panel">
        <div class="panel-body">
            <div class="blog-post">
                <h3>[[#{common.130}]]</h3>
                <div class="media">
                    <a href="javascript:;" class="pull-left" th:href="@{/blog_detail2}">
                        <img alt="" src="images/blog/blog-thumb-1.jpg" class=" ">
                    </a>
                    <div class="media-body">
                        <h5 class="media-heading"><a href="javascript:;" th:href="@{/blog_detail2}">[[#{common.108}]] </a></h5>
                        <p>
                            疫情期间工资如何去算呢？
                        </p>
                    </div>
                </div>
                <div class="media">
                    <a href="javascript:;" class="pull-left" th:href="@{/blog_detail3}">
                        <img alt="" src="images/blog/blog-thumb-2.jpg" class=" ">
                    </a>
                    <div class="media-body">
                        <h5 class="media-heading"><a href="javascript:;" th:href="@{/blog_detail3}">[[#{common.108}]] </a></h5>
                        <p>
                            上海疫情为何如此严重？
                        </p>
                    </div>
                </div>
                <div class="media">
                    <a href="javascript:;" class="pull-left" th:href="@{/blog_detail4}">
                        <img alt="" src="images/blog/blog-thumb-3.jpg" class=" ">
                    </a>
                    <div class="media-body">
                        <h5 class="media-heading"><a href="javascript:;" th:href="@{/blog_detail4}">[[#{common.109}]] </a></h5>
                        <p>
                            专家如何评价新冠病毒变异毒株
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel">
        <div class="panel-body">
            <div class="blog-post">
                <h3>[[#{common.135}]]</h3>
                <ul>
                    <li><a href="javascript:;" th:href="@{/blog_detail5}"><i class="  fa fa-comments-o"></i> 梳理新冠病毒的发展线</a></li>
                    <li><a href="javascript:;" th:href="@{/blog_detail6}"><i class="  fa fa-comments-o"></i>新冠变异株有哪些？疫苗还有效吗？</a></li>
                    <li><a href="javascript:;"th:href="@{/blog_detail7}"><i class="  fa fa-comments-o"></i> 新冠病毒为什么不断变异？ </a></li>
                    <li><a href="javascript:;"th:href="@{/blog_detail8}"><i class="  fa fa-comments-o"></i> 南非再次发现新变异毒株，突变率 2 倍于德尔塔？</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="panel">
        <div class="panel-body">
            <div class="blog-post">
                <h3>[[#{common.88}]]</h3>
                <ul>
                    <li><a href="javascript:;"th:href="@{/blog1}"><i class="  fa fa-angle-right"></i> [[#{common.89}]]</a></li>
                    <li><a href="javascript:;" th:href="@{/blog2}"><i class="  fa fa-angle-right"></i> [[#{common.102}]]</a></li>
                    <li><a href="javascript:;" th:href="@{/blog3}"><i class="  fa fa-angle-right"></i> [[#{common.104}]]</a></li>
                    <li><a href="javascript:;" th:href="@{/blog4}"><i class="  fa fa-angle-right"></i> [[#{common.101}]]</a></li>
                    <li><a href="javascript:;" th:href="@{/blog5}"><i class="  fa fa-angle-right"></i> [[#{common.129}]]</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="panel">
        <div class="panel-body">
            <div class="blog-post">
                <h3>[[#{common.105}]]</h3>
                <ul>
                    <li><a href="javascript:;" th:href="@{/blog6}"><i class="  fa fa-angle-right"></i> [[#{common.108}]]</a></li>
                    <li><a href="javascript:;"th:href="@{/blog7}"><i class="  fa fa-angle-right"></i> [[#{common.109}]]</a></li>
                    <li><a href="javascript:;"th:href="@{/blog8}"><i class="  fa fa-angle-right"></i> [[#{common.111}]]</a></li>
                    <li><a href="javascript:;"th:href="@{/blog9}"><i class="  fa fa-angle-right"></i> [[#{common.113}]]</a></li>
                    <li><a href="javascript:;"th:href="@{/blog10}"><i class="  fa fa-angle-right"></i> [[#{common.112}]]</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--footer section start-->
<footer id="footer">
    2022 &copy; [[#{common.foot}]] </a>
</footer>
<!--footer section end-->

<div id="commonscript">
    <!-- Placed js at the end of the document so the pages load faster -->
    <script th:src="@{/js/jquery-1.10.2.min.js}" ></script>
    <script th:src="@{/js/jquery-ui-1.9.2.custom.min.js}"></script>
    <script th:src="@{/js/jquery-migrate-1.2.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/modernizr.min.js}"></script>
    <script th:src="@{/js/jquery.nicescroll.js}"></script>
    <!--common scripts for all pages-->
    <script th:src="@{js/scripts.js}"></script>
</div>


</body>
</html>